<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link rel="stylesheet" href="./../resources/css/reset.css" type="text/css" media="all"/>
        <link rel="stylesheet" href="./../resources/css/layout.css" type="text/css" media="all"/>
        <link rel="stylesheet" href="./../resources/css/style.css" type="text/css" media="all"/>

        <title id="title">
            <ui:insert name="title">
            </ui:insert>
        </title>
    </h:head>

    <h:body>
        <div class="body1">
            <div class="main">
                <!-- header -->
                <header>
                    <h1><a href="index.jsf" id="logo"></a></h1>
                    <div align="right" >                     
                        <c:if test="#{!empty loginBean.username}"><br/>
                            Welcome,#{loginBean.username}<br/>
                            <h:form>
                                <p:commandLink id="logout" ajax="false" actionListener="#{loginBean.doLogout}">
                                    <h:outputText value="Log out" /><br/>
                                </p:commandLink>
                            </h:form>
                        </c:if>
                    </div>
                    <nav>
                        <ul id="menu">
                            <li id="menu_active"><a href="../index.jsf">Main Page</a></li>
                            <li><a href="../sellingEstateList.jsf">Selling Estate</a></li>
                            <li><a href="../rentingEstateList.jsf">Renting Estate</a></li>
                            <li><a href="../Contact.jsf">Contact Us</a></li>
                            <li class="end"><a href="../AboutUs.jsf">About Us</a></li>
                        </ul>
                    </nav>
                    <div class="ic">More Information about My Sweet Home</div>
                </header>
                <!-- / header -->
            </div>
        </div>
        <div id="body2" class="body2">   
            <div class="main">
                <section id="content">
                    <div class="wrapper">
                        <article id="col1" class="slidebar">
                            <div class="pad1">
                                <h5>Estate Management</h5>
                                <ul class="list1">
                                    <li><a href="PostedEstate.jsf">Posted estates </a></li>
                                    <li><a href="SavedEstate.jsf">Saved estates </a></li>
                                    <li><a href="WaitingEstate.jsf">Wait for approving</a></li>
                                    <li><a href="CreateNewEstate.jsf">Create new estate</a></li>
                                </ul>
                                <h5>My Profile</h5>
                                <ul class="list1">
                                    <li><a href="Profile.jsf">My Information</a></li>
                                    <li><a href="ChangePassword.jsf">Change password</a></li>
                                </ul>
                                

                                <h5>&nbsp;</h5>
                            </div>   
                        </article>
                        <article class="col2">
                            <div class="contentAdmin">
                                
                                    <ui:insert name="content"></ui:insert>
                                
                            </div>
                        </article>
                    </div>
                </section>
            </div>
        </div>

        <div id="body4" class="body4">
            <div class="main">
                <!-- footer -->
                <footer>
                    <span class="call">Call Center: <span>1-800-567-8934</span></span>
                    <p><b>ACE-Danang1 - eProject SEM 4 - Group 3<br/>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Huy - Long - Tan - Vinh - Trung<br/>
                            Website: <a href="http://www.softech.vn/">http://www.softech.vn</a> 
                        </b></p>
                    <!-- {%FOOTER_LINK} -->
                </footer>
                <!-- / footer -->
            </div>
        </div>

    </h:body>

</html>
